<template>
  <div class="wrap">
     <div class="head">
       <div class="search">
           <img  src="../images/mainTwo/seek/1.png" />
         <input placeholder="请输入搜索内容"/>
         <router-link to="/search/searchResult">
            <button >搜索</button>
         </router-link>
         
       
       </div>
     </div>
    
  </div>
</template>
<script>
export default {
  name:"searchItem",
  data(){
      return{
          
      }
  }
}
</script>
<style lang="less" scoped>
@main_bgcolor :#ff406f;
  .wrap{
    width: 100%;
    .head{
      height: 128/75rem;
      background: @main_bgcolor;
      padding: 0 20/75rem;
      position: fixed;
      width: 100%;
      .search{
       
      
        overflow: hidden;
         padding:60/75rem 0;
         img{
             position: absolute;
             top: 64/75rem;
             left: 30/75rem;
             width: 40/75rem;
             height: 40/75rem;
         }
        input{
          display: black;
          float: left;
          width: 584/75rem;
          height: 46/75rem;
          border: none;
          outline: none;
          border-radius: 10/75rem;
          text-indent: 60/75rem;
          font-size: 22/75rem;
          letter-spacing: 2/75rem;
          
          
         
          
        }
        input::-webkit-input-placeholder { color:@main_bgcolor}
        button{
          display: block;
          float: right;
          width: 92/75rem;
          height: 46/75rem;
          border: none;
          outline: none;
          border-radius: 10/75rem;
          background: #FFF;
          font-size: 22/75rem;
          color: @main_bgcolor;
          margin-right: 50/75rem;
        }
      }
      
    }
    .content{
          color: #808080;
          padding: 14/75rem 22/75rem;
          
          
        h4{
          font-size: 34/75rem;
          margin-bottom:14/75rem;
        }
        ul{
          li{
            float: left;
             font-size: 22/75rem;
             border: 1px solid @main_bgcolor;
             height:32/75rem;
             width: 96/75rem;
             text-align: center;
             margin-right: 54/75rem;
              border-radius: 10/75rem;
              line-height: 32/75rem;

          }
          li:last-child{
            margin-right: 0;

          }
        }
      }
  }

</style>